<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>画面フロー | アクションゲームツクールMV ヘルプ</title>
        <meta name="description" content="ツクールシリーズ最新作『アクションゲームツクールMV』Steamアーリーアクセス開始！">
        <meta name="keywords" content="ツクールMV,MV,ツクール,ツクールシリーズ,アクションゲームツクールMV,アクションゲームツクール,PixelGameMakerMV，PixelGameMaker">
        <link rel="icon" href="./favicon.ico">
        <!-- スタイルシート -->
        <link rel="stylesheet" href="./common/css/q-reset.css">
        <link rel="stylesheet" href="./common/drawer/drawer.min.css">
        <link rel="stylesheet" href="./common/css/common.css">
    </head>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-118975509-1"></script>
    <!-- Google Analytics -->
    <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-118975509-1', 'auto');
    ga('send', 'pageview');
    </script>
    <!-- End Google Analytics -->
    <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'UA-118975509-1');
    </script>

    <body id="menu08" class="flex bet drawer drawer--left">
        <header class="header">
            <button type="button" class="drawer-toggle drawer-hamburger">
                <span class="sr-only">toggle navigation</span>
                <span class="drawer-hamburger-icon"></span>
            </button>
            <nav id="nav_area" class="drawer-nav" role="navigation">
                <div class="drawer-menu">
                    <h1 class="drawer-navh1">
                        <a href="./index.html">
                            <picture>
                                <source srcset="./common/img/title_logo.png" media="(min-width: 641px)">
                                <img src="./common/img/title_logo_sp.png" alt="logo">
                            </picture>
                        </a>
                    </h1>
                    <dl>
                        <dt class="drawer-dropdown menu01"><a class="drawer-menu-item">はじめに</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./01_01.html">アクションゲームツクールMVとは</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./01_02.html">このソフトの特徴</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./01_03.html">ゲーム作成の始め方</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./01_04.html">ゲーム作成の基本</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./01_05.html">完成したゲームを遊ぶには</a></dd>
                        <dt class="drawer-dropdown menu02"><a class="drawer-menu-item">エディターの基本情報</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./02_01.html">画面の見方と基本操作</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./02_02.html">メニューバーについて</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./02_03.html">設定メニュー</a></dd>
                        <dt class="drawer-dropdown menu03"><a class="drawer-menu-item">シーン</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./03_01.html">シーンとは</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./03_02.html">シーン画面</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./03_03.html">シーンを追加する</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./03_04.html">タイルを配置する</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./03_05.html">他のパーツを配置する</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./03_06.html">配置したパーツの設定を行う</a></dd>
                        <dt class="drawer-dropdown menu04"><a class="drawer-menu-item">タイル</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./04_01.html">タイルとは</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./04_02.html">タイルの詳細設定</a></dd>
                        <dt class="drawer-dropdown menu05"><a class="drawer-menu-item">アニメーション</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./05_01.html">アニメーションとは</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./05_02.html">アニメーションを追加する</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./05_03.html">モーション：画面の見方</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./05_04.html">モーション：設定の手順</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./05_05.html">エフェクトアニメーション</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./05_06.html">パーティクルアニメーション</a></dd>
                        <dt class="drawer-dropdown menu06"><a class="drawer-menu-item">オブジェクト</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./06_01.html">オブジェクトとは</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./06_02.html">オブジェクト画面</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./06_03.html">アクションプログラム</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./06_04.html">オブジェクトの詳細設定</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./06_05.html">その他の設定項目</a></dd>
                        <dt class="drawer-dropdown menu07"><a class="drawer-menu-item">素材</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./07_01.html">素材とは</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./07_02.html">素材を追加する</a></dd>
                        <dt class="drawer-dropdown menu08"><a class="drawer-menu-item">遷移</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./08_01.html">遷移とは</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./08_02.html">画面フロー</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./08_03.html">ポータル移動</a></dd>
                        <dt class="drawer-dropdown menu09"><a class="drawer-menu-item">プラグイン</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./09_01.html">プラグインとは</a></dd>
                        <dt class="drawer-dropdown menu10"><a class="drawer-menu-item">資料集</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./10_01.html">素材とデータ</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./10_02.html">プラグインについて</a></dd>
                        <dt class="drawer-dropdown menu11"><a class="drawer-menu-item">その他</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./11_01.html">使用許諾契約書</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./11_02.html">商標・登録商標について</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./11_03.html">スタッフクレジット</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./11_04.html">ユーザーサポート</a></dd>
                    </dl>
                </div>
            </nav>
        </header>
        <main class="main">
            <article>
                <section>
                    <h2 class="main_h2"><span class="main_h2span">遷移</span>画面フロー</h2>
                    <h3 class="main_h3 main_h3--lineone">画面の見方</h3>
                    <p class="main_txt">画面フローの設定画面は、画面が大きく4つに区切られています。フローチャート上にあるシーン同士を「リンク」でつなぎ、各リンクの詳細な設定を行いましょう。</p>
                    <p class="main_img"><img src="./img/08/08_02_01.png" alt=""></p>
                    <dl class="main_dl">
                        <dt class="main_dt"><span class="main_num">1</span>シーン一覧</dt>
                        <dd class="main_dd">ツール「シーン」で作成したシーンが一覧で表示されます（シーンやフォルダの並び順は、「シーン」のものと共通です）。フローチャート上に配置済みのシーンは、文字色が薄く表示されます。一覧の下部にあるメニューボタンやプルダウンメニューで、表示形式を切り替えたり、表示項目を絞り込んだりできます。</dd>
                        <dd class="main_dd main_dd--ind">※特殊なシーンである「<a href="./03_02.html#01">menu scene</a>」は一覧には表示されません。</dd>
                        <dt class="main_dt"><span class="main_num">2</span>フローチャートエリア</dt>
                        <dd class="main_dd">フローチャートエリアでは、各シーンの関連性を確認できます。マウスホイールで上下にスクロールできるほか、マウスホイールを押し続けながらドラッグして上下左右にスクロール可能です。</dd>
                        <dt class="main_dt"><span class="main_num">3</span>フロー要素一覧</dt>
                        <dd class="main_dd">フローチャートに配置されているシーンやリンク、グループの一覧です。<br />クリックすると、フローチャート上の対応する項目を選択できます。</dd>
                        <dt class="main_dt"><span class="main_num">4</span>選択中のリンクの詳細設定</dt>
                        <dd class="main_dd">リンクを選択すると表示され、シーンの切り替わる条件や遷移時の演出などを設定できます。</dd>
                    </dl>
                    <h3 class="main_h3 main_h3--lineone">フローチャートの作成</h3>
                    <p class="main_txt">まだフローチャートに配置していないシーンは、シーン一覧からフローチャート上にドラッグして配置できます。<br />配置されたシーンを選んで右クリックし、コンテキストメニューから「リンクを追加」を選ぶと、シーン同士を矢印でリンクすることができます。</p>
                    <p class="main_img"><img src="./img/08/08_02_02.png" alt=""></p>
                    <dl class="main_dl">
                        <dt class="main_dt"><span class="main_num">1</span>Start</dt>
                        <dd class="main_dd">ゲームの最初に表示されるシーンには、「Start」からリンクがつきます。シーンを選んで右クリックし、コンテキストメニューで「Startシーンに設定」を選ぶと、Startシーンを変更できます。</dd>
                        <dd class="main_dd main_dd--ind">※Startシーンには、シーン一覧に<span class="main_icon main_icon--ind"><img src="./img/08/08_02_01icon.png" alt=""></span>のアイコンがつきます。</dd>
                        <dt class="main_dt"><span class="main_num">2</span>シーン</dt>
                        <dd class="main_dd">配置されたシーンは大きさを変更したり、ドラッグして移動することが可能です。</dd>
                        <dt class="main_dt"><span class="main_num">3</span>リンク</dt>
                        <dd class="main_dd">矢印をクリックすると選択でき、選択中は端をドラッグして場所を変更できます。<br />まだ詳細設定を行っていないリンクは、点線で表示されます。
                        </dd>
                        <dt class="main_dt"><span class="main_num">4</span>グループ</dt>
                        <dd class="main_dd">シーンは複数を「グループ」にまとめて管理することが可能です。<br />グループを選んで右クリックし、コンテキストメニューで「このグループに入れる」を選んでからシーンをクリックすると、そのシーンをグループに追加できます。</dd>
                    </dl>
                    <h4 class="main_h4">メニューボタンの機能</h4>
                    <p class="main_txt">フローチャートエリアの下部にあるメニューボタンでは、以下の操作が行えます。</p>
                    <table class="main_table">
                        <tr class="main_tr">
                            <th class="main_th"><span class="main_icon"><img src="./img/08/08_02_02icon.png" alt=""></span> グリッド吸着</th>
                            <td class="main_td">シーンなどをグリッド（格子状の線）に沿って配置する機能です。</td>
                        </tr>
                        <tr class="main_tr">
                            <th class="main_th"><span class="main_icon"><img src="./img/08/08_02_03icon.png" alt=""></span> グリッド表示・非表示</th>
                            <td class="main_td">グリッドの表示・非表示を切り替えます。</td>
                        </tr>
                        <tr class="main_tr">
                            <th class="main_th"><span class="main_icon"><img src="./img/08/08_02_04icon.png" alt=""></span> 表示切り替え</th>
                            <td class="main_td">フロー要素一覧の表示・非表示を切り替えます。</td>
                        </tr>
                        <tr class="main_tr">
                            <th class="main_th"><span class="main_icon"><img src="./img/08/08_02_05icon.png" alt=""></span> グループ追加</th>
                            <td class="main_td">フローチャートにグループを追加します。</td>
                        </tr>
                        <tr class="main_tr">
                            <th class="main_th"><span class="main_icon"><img src="./img/08/08_02_06icon.png" alt=""></span> 項目削除</th>
                            <td class="main_td">選んでいる項目を削除します。</td>
                        </tr>
                    </table>
                    <h3 class="main_h3 main_h3--lineone">リンクの詳細設定</h3>
                    <p class="main_txt">リンクの矢印をクリックして選択すると、画面右にリンクの詳細設定が表示されます。</p>
                    <h4 class="main_h4">切替え条件</h4>
                    <p class="main_txt">タブ「切替え条件」では、リンクのシーン遷移が発生する条件と、切り替え後の初期位置を設定できます。「判定優先度」を設定しておくと、同じ条件で発生するルート遷移が複数ある場合に、数字が大きいほうが優先されます。</p>
                    <h4 class="main_h4">切替え前演出</h4>
                    <p class="main_txt">シーン遷移が発生する前に画面や音声の演出を入れたい場合、ここで設定します。</p>
                    <h4 class="main_h4">切替え後演出</h4>
                    <p class="main_txt">シーンが遷移したあとに画面や音声の演出を入れたい場合、ここで設定します。また、遷移のあとスイッチや変数の変化がある場合や、遷移のあとオブジェクトに特定の挙動をさせたい場合も、ここで設定します。</p>
                </section>
            </article>
        </main>

        <!-- javascript -->
        <script src="./common/js/jquery224min.js"></script>
        <script src="./common/js/run.js"></script>
        <script src="./common/drawer/iscroll.js"></script>
        <script src="./common/drawer/drawer.min.js"></script>
        <script>
            $(function() {
                if (window.matchMedia( '(max-width: 1280px)' ).matches) {
                    $('.drawer').drawer();
                }
            });
        </script>
    </body>
</html>